
.layui-row {
    height: 8%;
    background: #393D49;
}

.layui-container {
    width: 100%;
    padding: 0;
    color: white;
}

.layui-carousel {

    margin: 1% auto;
    /*overflow: hidden;*/
}


.show-item {
    background-color: red;
    width: 100% ;
    height: 100%;
    /*margin: 0 auto;*/
    z-index: -1;
}



.blog {
    height: 30%;
    width: 50%;
    margin: 1% auto;
    position: relative;
    color: #2f4056;
    background: #e2e2e2;
}

/*#icon {*/
/*    height: 100%;*/
/*    max-width: 90%;*/
/*}*/

.aa {
    color: red;
}

.blog-title {
    position:  absolute;
    width: 100%;
    text-align: center;
    bottom: 10%;
    color: #d2d2d2;
    font-size: 25px;

}
.title{
    display: inline-block;
    padding-top: 5%;
    padding-left: 4%;
    color: #393d49;
    font-size: x-large;
}
.synopsis{
    white-space: pre-line !important;
    font-size: larger;
    padding: 2% 0 5% 4%;
}
.creatDate{
    font-size: medium;
    position: absolute;
    right: 0;
    padding:0 10%;
    bottom: 1%;
}
.userName{
    font-size: medium;
    position: absolute;
    right: 30%;
    bottom: 1%;

}
